/* You can add global styles to this file, and also import other style files */

body {
	padding: 0px;
	margin: 0px;
	background-color: #332c25;
	display: flex;
	flex-direction: column;
}

header {
	display: flex;
	align-items: stretch;
	background-color: darkred;
	border-bottom: solid gold 2pt;
}
h1 {
	flex-grow: 2;
	margin: 0px;
	padding: 5pt;
	font-size: 24pt;
}
h1 a {
	color: gold;
	text-decoration: none;
	font-weight: bold;
	display: block;
}

nav {
	flex-grow: 1;
	text-align: right;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	padding: 2pt;
}
nav a {
	display: block;
	color: gainsboro;
	text-decoration: none;
	margin: 3pt;
	font-size: 12pt;
}
nav a:hover {
	color: white;
	font-weight: bold;
}

h3 {
	padding: 5pt;
	margin: 0pt 0pt 5pt 0pt;
	font-size: 10pt;
	background-color: darkorange;
	color: snow;
}
#content {
	background-color: tomato;
	padding: 0pt 0pt 5pt 0pt;
	min-height: 480px;
}

footer {
	color: wheat;
	border-top: solid silver 1pt;
	font-size: 10pt;
	text-align: center;
	padding: 3pt;
}

.card {
	margin: 5pt;
}
